/*
 * 返回顶部
 */
.mod-guide .item {
    position:relative;
    width:48px;
    height:48px;
    margin-top:3px;
    *margin-top:0;
    background:url(${filter.res.url}/images/psp-web/wlmq/common/mod-guide.png) no-repeat;
    cursor:pointer
}
.mod-guide .qr-code {
    background-position:0 0
}
.mod-guide .favorite {
    background-position:0 -51px
}
.mod-guide .hotword {
    background-position:0 -102px
}
.mod-guide .media {
    background-position:0 -153px
}
.mod-guide .search {
    background-position:0 -204px;
    z-index:10
}
.mod-guide .feedback {
    background-position:0 -255px
}
.mod-guide .gotop {
    background-position:0 -306px;
}
.mod-guide .gotop:hover {
    background-position:0 -357px;
}
.button-rotate {
    overflow:hidden;
    color:#fff;
    background:#8798AA
}
.button-rotate a {
    content:attr(data-text);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    line-height:48px;
    font-size:12px;
    font-weight:700;
    color:#fff!important;
    border-radius:3px;
    background-color:#D44346;
    text-decoration:none!important;
    text-align:center;
    -webkit-transform-origin:-50% 50%;
    transform-origin:-50% 50%;
    -webkit-transform:rotate3d(0,0,1,90deg);
    transform:rotate3d(0,0,1,90deg);
    -webkit-transition:-webkit-transform .3s ease-in;
    transition:transform .3s ease-in;
    opacity:0\9;
    filter:alpha(opacity=0)\9
}
.button-rotate:hover a,.button-rotate:hover {
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.button-rotate:hover a {
    -webkit-transform:rotate3d(0,0,1,0deg);
    transform:rotate3d(0,0,1,0deg);
    text-decoration:none;
    opacity:1\9;
    filter:alpha(opacity=100)\9
}

.mod-guide .qr-code-container {
    width:260px;
    height:140px;
    padding:20px;
    position:absolute;
    margin-left:-305px;
    margin-top:-48px;
    background:#eff1f4;
    border-radius:3px;
    box-shadow:0 0 15px #666;
    *border:1px solid #ccc;
    border:1px solid #ccc\9
}
.mod-guide .qr-code-container .item-container {
    width:120px
}
.mod-guide .qr-code-container .left {
    float:left
}
.mod-guide .qr-code-container .right {
    float:right
}
.mod-guide .qr-code-container .item-container .img-container {
    display:block;
    width:100%;
    height:120px
}
.mod-guide .qr-code-container .item-container .img-container img {
    width:100%;
    height:100%
}
.mod-guide .qr-code-container .item-container p {
    width:100%;
    text-align:center;
    font-size:12px;
    margin-top:10px;
    color:#666
}

#goTop{
    position: fixed;
    right: 10px;
    bottom: 75px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop || document.body.scrollTop)+eval(document.documentElement.clientHeight || document.body.clientHeight)-361+'px');
    z-index:998;
}


 /*
 * footer-area 底部区域
 */
.footer-area {
    padding: 20px 0;
    background-color: #fff;
    color: #888;
    font-size: 12px;
}
.sm-foot {
    background: #46586A;
    line-height: 20px;
    padding: 15px 0;
    font-size: 12px;
    color: #ccc;
    min-width: 1000px;
}
.footer-area a, .footer-area a:hover {
    color: #666;
}
.sm-foot a, .sm-foot a:hover {
    color: #ccc;
}



/* ===== 页面底部 ===== */
.sm-foot a, .sm-foot a:hover {
    color: #fff;
}

.footer-area {
    background-color: #46586a;
    padding: 0;
}
.footer-area a, .footer-area a:hover {
    color: #fff;
}
.ft-hz_box {
    border-bottom:1px solid #657483;
    padding-top: 10px;
}



/* ===== 页面底部共建单位切换 ===== */
.tab_menu {
    height: 40px;
    padding: 0 10px;
    border-bottom: 1px solid #657483;
}
.tab_menu li {
    width:192px;
    float:left;
    height:38px;
    line-height:38px;
    color:#fff;
    text-align:center;
    cursor:pointer;
    border: 1px solid #46586a;
}
.tab_menu li.current {
    color:#fff;
    border:1px solid #657483;
    position: relative;
    border-bottom: 1px solid #46586a;
    margin-bottom: -1px;
    height: 39px;
}
.tab_menu li a {
    color:#fff;
    text-decoration:none;
}
.tab_menu li.current a {
    color:#fff;
    font-weight: 700;
}
.tab_box {
    padding:20px;
}
.tab_box a {
    float: left;
    width: 236px;
    line-height: 24px;
    word-break: break-all;
}
.tab_box_item {
    display: none;
}
.tab_box_item.current {
    display: block;
}

/* == guide == */
.mod-guide .qr-tel-container {
    width: 140px;
    height: 30px;
    line-height: 30px;
    padding: 10px 20px;
    position: absolute;
    margin-left: -185px;
    margin-top: -48px;
    background: #eff1f4;
    border-radius: 3px;
    box-shadow: 0 0 15px #666;
    border: 1px solid #ccc\9;
    text-align: center;
    font-size: 16px;
}